<!DOCTYPE html>

<html lang="en">
	<head>
		<title>社会职位分析系统</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<!-- 
    <link rel="stylesheet" href="css/bootstrap.css">
    -->
		<link rel="stylesheet" href="css/bootstrap.css">
		<!--
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  -->
		<link rel="stylesheet" href="css/homeStyles.css">
		<script type="text/javascript" src="js/login.js"></script>
		<script type="text/javascript" src="js/logout.js"></script>
		<script type="text/javascript">
			window.onload = function() {
				var username = sessionStorage.getItem("username");
				document.getElementById("welcomeuser").innerHTML = "欢迎用户：" + username;
			}


			function Message(argument) {
				// body...
				alert("您的留言我们已经收到");
			}
		</script>
	</head>
	<body data-spy="scroll" data-target="#pb-navbar" data-offset="200">



		<nav class="navbar navbar-expand-lg site-navbar navbar-light bg-light" id="pb-navbar">

			<div class="container">
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample09" aria-controls="navbarsExample09"
				 aria-expanded="false" aria-label="Toggle navigation">
					<span class="navbar-toggler-icon"></span>
				</button>
				<div class="collapse navbar-collapse justify-content-md-center" id="navbarsExample09">
					<ul class="navbar-nav">
						<li class="nav-item">
							<a class="nav-link" style="text-transform:;" href="#">
								<label id="welcomeuser">欢迎</label>
							</a>
						</li>
						<li class="nav-item"><a class="nav-link" href="#">主页</a></li>
						<li class="nav-item"><a class="nav-link" href="#section-services">功能</a></li>
						<li class="nav-item"><a class="nav-link" href="#section-contact">联系我们</a></li>
						<li class="nav-item"><a class="nav-link" onclick="logout()" href="#">退出登录</a></li>
					</ul>
				</div>
			</div>
		</nav>




		<section class="site-hero" style="background-image: url(images/home_back1.jpg);" id="section-home"
		 data-stellar-background-ratio="0.5">
			<div class="container">
				<div class="row intro-text align-items-center justify-content-center">
					<div class="col-md-10 text-center">
						<h1 class="site-heading site-animate"><strong>社会职位分析系统</strong></h1>
						<p class="lead site-subheading mb-4 site-animate">本系统用于社会职位分析</p>
						<p><a href="#section-services" class="smoothscroll btn btn-primary px-4 py-3">了解更多</a></p>
					</div>
				</div>
			</div>
		</section> <!-- section -->

		<section class="site-section border-top pb-0" id="section-services">
			<div class="container">

				<div class="row mb-4">
					<div class="col-md-12">
						<div class="section-heading text-center">
							<h2><strong>系统功能</strong></h2>
						</div>
					</div>
				</div>
				<div class="row">

					<div class="col-md-6 col-lg-4 text-center mb-5">
						<div class="site-service-item site-animate" data-animate-effect="fadeIn">
							<span class="icon_search icon">
								<span class="icon-phone3"></span>
							</span>
							<h3 class="mb-4">职位搜索</h3>
							<p>在海量数据中搜索您想要的职位</p>
							<p><a href="searchjobs.html" class="site-link">进入<i class="icon-chevron-right"></i></a></p>
						</div>
					</div>

					<div class="col-md-6 col-lg-4 text-center mb-5">
						<div class="site-service-item site-animate" data-animate-effect="fadeIn">
							<span class="icon_file icon">
								<span class="icon-phone3"></span>
							</span>
							<h3 class="mb-4">数据上传</h3>
							<p>上传职位数据文件</p>
							<p><a href="fileUpload.html" class="site-link"><i class="icon-chevron-right">进入</i></a></p>
						</div>
					</div>
					<!--
        <div class="gap" style="width: 50px;">
          
        </div>
      -->

					<div class="col-md-6 col-lg-4 text-center mb-5">
						<div class="site-service-item site-animate" data-animate-effect="fadeIn">
							<span class="icon_job icon">
								<span class="icon-phone3"></span>
							</span>
							<h3 class="mb-4">行业占比分析</h3>
							<p>行业职位数量比较</p>
							<p><a href="jobPartionAnalyse.html" class="site-link">进入<i class="icon-chevron-right"></i></a></p>
						</div>
					</div>
				</div>
				<div class="row">

					<div class="col-md-6 col-lg-4 text-center mb-5">
						<div class="site-service-item site-animate" data-animate-effect="fadeIn">
							<span class="icon_city icon">
								<span class="icon-phone3"></span>
							</span>
							<h3 class="mb-4">职位发布区域分析</h3>
							<p>比较各城市职位数量</p>
							<p><a href="cityAnalyse.html" class="site-link">进入<i class="icon-chevron-right"></i></a></p>
						</div>
					</div>

					<div class="col-md-6 col-lg-4 text-center mb-5">
						<div class="site-service-item site-animate" data-animate-effect="fadeIn">
							<span class="icon_predict icon">
								<span class="icon-phone3"></span>
							</span>
							<h3 class="mb-4">岗位薪资预测</h3>
							<p>预测各岗位数量、薪资</p>
							<p><a href="dataPredict.html" class="site-link">进入<i class="icon-chevron-right"></i></a></p>
						</div>
					</div>



					<div class="col-md-6 col-lg-4 text-center mb-5">
						<div class="site-service-item site-animate" data-animate-effect="fadeIn">
							<span class="icon_money icon">
								<span class="icon-wallet2"></span>
							</span>
							<h3 class="mb-4">薪资水平分析</h3>
							<p>比较各行业薪资水平</p>
							<p><a href="cashAnalyse.html" class="site-link">进入<i class="icon-chevron-right"></i></a></p>
						</div>
					</div>

				</div>

			</div>
		</section>

		<section class="site-section bg-light" id="section-contact">
			<div class="container">
				<div class="row">
					<div class="col-md-12 mb-5">
						<div class="section-heading text-center">
							<h2><strong>联系我们</strong></h2>
						</div>
					</div>

					<div class="col-md-7 mb-5 mb-md-0">
						<form action="" class="site-form">
							<h3 class="mb-5">留言</h3>
							<div class="form-group">
								<input type="text" class="form-control px-3 py-4" placeholder="姓名">
							</div>
							<div class="form-group">
								<input type="email" class="form-control px-3 py-4" placeholder="邮箱">
							</div>
							<div class="form-group">
								<input type="email" class="form-control px-3 py-4" placeholder="电话">
							</div>
							<div class="form-group mb-5">
								<textarea class="form-control px-3 py-4" cols="30" rows="10" placeholder="请填写内容"></textarea>
							</div>
							<div class="form-group">
								<input id="Send Message" class="btn btn-primary  px-4 py-3" value="Send Message" onclick="Message()">
							</div>
						</form>
					</div>
					<div class="col-md-5 pl-md-5">
						<h3 class="mb-5">联系方式</h3>
						<ul class="site-contact-details">
							<li>
								<span class="text-uppercase">邮箱</span>
								ljqhust@hust.edu.cn
							</li>
							<li>
								<span class="text-uppercase">电话</span>
								155277386681
							</li>
							<li>
								<span class="text-uppercase">地址</span>
								湖北省武汉市华中科技大学软件学院
							</li>
							<li>
								<span class="text-uppercase">邮编</span>
								430074
							</li>
							<li>
								<span class="text-uppercase">联系人</span>
								喜媚
							</li>
						</ul>
					</div>
				</div>
			</div>
		</section>


		<footer class="site-footer">
			<div class="container">
				<div class="row">
					<p class="col-12 text-center">
						Copyright &copy; <script>
							document.write(new Date().getFullYear());
						</script> - All rights reserved <a href="" target="" title="footer">社会职位分析系统</a>
					</p>
				</div>
			</div>
		</footer>
	</body>
</html>
